<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    <style type="text/css">
        #page {
            width: 100%;
        }

        h1 {
            text-align: center;
        }

        body {
            background-color: azure;
            width: 100%;
            height: 100%;
        }

        table {
            margin: 0 auto;
        }

        .button1 {
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            padding: 12px 24px;
            text-align: center;
            background-color: white;
            color: black;
            border: 1px solid #bbdbdb;
            border-radius: 5px;
        }

        .button1:hover {
            background-color: #FFF0F5;
            color: black;
        }
    </style>

</head>
<body>
<div id="page">
    <h1>欢迎来到学生选课中心</h1>
    <div class="content content3">
        <br/>
        <br/>
        <table>
            <tbody>
            <tr>
                <td>
                    <form method="get" action="/studentinfo" style="float:left">
                        <button class="button1">查看个人信息</button>
                    </form>
                    <form method="get" action="/register1" style="float:left">
                        <button class="button1">注册</button>
                    </form>
                    <form method="get" action="/login" style="float:left">
                        <button class="button1">登录</button>
                    </form>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>


</body>
</html>